<template>
  <div id="app" :style="styleObj">
    <router-view @resizefont="resizeFont" />
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      styleObj: {
        fontSize: '1em'
      }
    }
  },
  methods: {
    resizeFont (e) {
      this.styleObj.fontSize = 1 + e + 'em'
    }
  }
}
</script>

<style>
  * {
    margin: 0;
    padding: 0;
  }
  body {
    font-size: 16px;
  }
</style>
